<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="${path }/static/jquery/jquery-1.9.1.min.js"
	type="text/javascript"></script>
<script src="${path }/static/modules/login/login.js"
	type="text/javascript"></script>
<link href="${path }/static/themes/css/login.css" rel="stylesheet">
<title>登陆界面</title>
</head>
<body>
	<form id="loginform" name="loginform" action="${path }/login"
		method="POST">
		<div class="top_div"></div>
		<div
			style="background: rgb(255, 255, 255); margin: -100px auto auto; border: 1px solid rgb(231, 231, 231); border-image: none; width: 400px; height: 200px; text-align: center;">
			<div style="width: 165px; height: 96px; position: absolute;">
				<div class="tou"></div>
				<div class="initial_left_hand" id="left_hand"></div>
				<div class="initial_right_hand" id="right_hand"></div>
			</div>
			<span style="color: red;" id="message">${message }</span>
			<p style="padding: 30px 0px 10px; position: relative;">
				<span class="u_logo"></span><input class="ipt" type="text"
					id="username" name="username" placeholder="请输入用户名或邮箱" value="">
			</p>
			<p style="position: relative;">
				<span class="p_logo"></span><input class="ipt" id="password"
					type="password" name="password"  placeholder="请输入密码" value="">
			</p>
			<p style="padding-top: 10px; padding-right: 50px; float: right;">
				<span style="float: left;"><a style="color: #000000;"
					href="#">忘记密码</a></span>
			</p>
			<div
				style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
				<p style="margin: 0px 35px 20px 45px;">
					<span style="text-align: center;"> <span
						style="background: #FFE153; padding: 10px 50px; border-radius: 4px; border: #FFA042; border-image: none; color: rgb(255, 255, 255); font-weight: bold;">注册</span>
						<span
						style="background: #FFA042; padding: 10px 50px; border-radius: 4px; border: #FFA042; border-image: none; color: rgb(255, 255, 255); font-weight: bold;"
						id="submit">登录</span>
					</span>
				</p>
			</div>
		</div>
	</form>
	<script type="text/javascript">
		$(function($) {
			var path = '${path}';
			$('#submit').click(function() {
				if (!$("#username").val()) {
					$('#message').html("请输入用户名");
					return;
				}

				if (!$("#password").val()) {
					$('#message').html("请输入密码");
					return;
				}
				$('#loginform').submit();
			});
		});
	</script>
</body>
</html>